<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>支付页</title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/pay.css"/>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
		
	</head>
	<body>
		<div class="header">
			<span></span>
			<p>支付</p>
		</div>
		<div class="main">
			<div class="order-detail">
				<p class="tit">订单详情</p>
				<div class="detail">
					<p>订单编号：16434634539</p>
					<p>商品名称：雅耐 全自动高管感应水龙头</p>
				</div>
			</div>
			<div class="pay-money">支付金额：<i>￥</i><span>6899.00</span></div>
			<div class="pay-type">
				<div class="tit">选择支付方式</div>
				<ul>
					<li>
						<i class="img">
							<img src="img/yinlian.png" alt="" />
						</i>
						<p>银行卡支付</p>
						<i class="iconfont icon-dagou"></i>
					</li>
					<li>
						<i class="icon iconfont icon-weixinzhifu"></i>
						<p>微信支付</p>
						<i class="iconfont hook"></i>
					</li>
					<li>
						<i class="icon iconfont icon-zhifubao"></i>
						<p>支付宝支付</p>
						<i class="iconfont hook"></i>
					</li>
				</ul>
			</div>
			<button class="btn">确认支付</button>
		</div>
	</body>
</html>
